! This is an extension file, not an independent list.
! Version: 30May2019v1-Extension

! Removes the spacing between the video player and the sidebars
twitch.tv##.tw-pd-t-2.tw-pd-x-3:style(padding-left: 2px !important; padding-right: 3px !important)
twitch.tv##.channel-root:style(padding: 2px !important)
twitch.tv##.persistent-player:style(max-width: calc(100% - 5px) !important)

! Reduces the size of the chat header
twitch.tv##.video-chat__header:style(height: 20px !important)
twitch.tv##.tw-pd-r-1.tw-pd-l-2.tw-justify-content-between.tw-full-width:style(height: 2rem)

! Broadens the chat textbox
twitch.tv##.tw-flex-shrink-0.tw-full-width.tw-pd-b-2.tw-pd-t-1.tw-pd-x-2.video-chat__input:style(padding-left: 1px !important; padding-right: 1px !important; padding-top: 4px !important; padding-bottom: 1px !important)
twitch.tv##.tw-textarea.tw-textarea--no-resize:style(padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; height: 5.3rem)
twitch.tv##.chat-input.tw-block:style(padding-left: 3px !important; padding-right: 3px !important; padding-bottom: 2px !important)
twitch.tv##.tw-textarea:style(padding: 2px 28px 2px 2px !important)

! Reduces the size of the "Hosting [channel]" header
twitch.tv##.tw-align-items-center.tw-flex.tw-flex-nowrap.tw-justify-content-between.tw-pd-1:style(padding-top: 0px !important; padding-bottom: 0px !important)

! Narrows the spacing between the chat comments
twitch.tv##.chat-line__message:style(padding: 2px 4px !important)
twitch.tv##.tw-full-width.tw-pd-l-05.tw-pd-y-05.vod-message:style(padding: 2px 4px !important)
clips.twitch.tv##.clips-chat-replay > .tw-mg-b-1:style(margin-bottom: 2px !important)

! Narrows the spacing between the chat comments in mobile browser mode
twitch.tv##li.chat-message:style(padding: 2px 2px !important)

! Maximises the size of the clip viewer pages
clips.twitch.tv##.clips-watch.tw-lg-pd-b-5.tw-pd-b-2.tw-sm-pd-b-3:style(max-width: none)

! Makes avatars square again without having to use FrankerFaceZ
twitch.tv##.tw-avatar > .tw-border-radius-rounded.tw-overflow-hidden:style(border-radius: 0px !important)
